			window.onload=function(){
				var wrap=document.getElementById("wrap");
				var pic=document.getElementById("pic").getElementsByTagName("li");
				var list=document.getElementById("list").getElementsByTagName("li");
				var prev=document.getElementById("prev");
				var next=document.getElementById("next");
				var index=0;
				var index1=0;
				var timer1=null
				
				pic[0].style.opacity='1';
				
				timer=setInterval(autoplay,2000);
				
				autoplay();
				
				function autoplay(){
					if(index>=pic.length)
						index=0;
					index1=index;
					changePic(index);
					index++;
				}
				wrap.onmouseover=function(){
					clearInterval(timer);
				}
				wrap.onmouseout=function(){
					clearInterval(timer);
					timer=setInterval(autoplay,2000);
				}
				
				for(var i=0;i<list.length;i++){
					list[i].onclick=function(){
						clearTimeout(timer1)
						index=parseInt(this.getAttribute("num"))-1;
						changePic(index);
					};
				};
				
			    function changePic(curIndex){
					for(var i=0;i<pic.length;i++){
						pic[i].style.opacity="0";
						list[i].className="";
					}
					pic[curIndex].style.transition="opacity 1s linear";
					pic[curIndex].style.opacity="1";
					list[curIndex].className="on";
				};
			};
			
			
			 var flag=0;
			 function back_to_top(){
				scrollTo(0,0); 
			 }
			 function openHOMEPAGE(){
				window.location.href="带作业-首页.html";
			 }
			 function openUSER(){
				window.location.href="带作业-模块页2.html";
			 }
			 function openSHOP(){
				window.location.href="带作业-模块页1.html";
			 }
			 function openTIEZI(){
			 	window.location.href="带作业-内容页1.html";
			 }
			 function openSHOPDETAIL(){
			 	window.location.href="带作业-内容页2.html";
			 }
			 function log_on_open(){
			 	var log_on=document.getElementById("log_on");
			 	log_on.style.display='block';
			 }
			 function log_on_close(){
				var log_on=document.getElementById("log_on");
				log_on.style.display='none';
			 }
			 function zhuce(){
				 alert("傻了吧,👴还没做注册页");
			 }
			 function bgimg_change(){
			 	var body=document.getElementById("bodystyle");//查找元素
			 	var top=document.getElementById("top");
			 	var logo=document.getElementById("LOGO");
			 	var navbar=document.getElementById("NAVBAR");
				var contents_li=document.getElementById("CONTENTS").getElementsByTagName("li");
				var mid_title1=document.getElementById("mid_title1");
				var mid_title2=document.getElementById("mid_title2");
				var page_number=document.getElementById("page_number").getElementsByTagName("li");
			 	if(flag>1){
			 		flag=0;
			 	}
			 	if(flag==0){
			 		body.style.backgroundImage="url('images/hotel-wallpaper.png')";
			 		top.style.backgroundColor='black';
			 		logo.style.backgroundColor='white';
			 		logo.style.color='black';
			 		top.style.transition='all 1.5s ease';
			 		body.style.transition='all 1.5s ease';
			 		navbar.style.color='white';
					for(var i=0;i<contents_li.length;i++){
						contents_li[i].style.backgroundColor='black';
					}
					for(var i=0;i<page_number.length;i++){
						page_number[i].style.color='black';
					}
					mid_title1.style.color=mid_title1.style.borderBottomColor='black';
					mid_title2.style.color=mid_title2.style.borderBottomColor='black';
			 	}
			 	else{
			 		body.style.backgroundImage="url('images/mosaic.png')";
			 		top.style.backgroundColor='white';
			 		logo.style.backgroundColor='black';
			 		logo.style.color='white';
			 		navbar.style.color='black';
					for(var i=0;i<contents_li.length;i++){
						contents_li[i].style.backgroundColor='white';
					}
					for(var i=0;i<page_number.length;i++){
						page_number[i].style.color='white';
					}
					mid_title1.style.color=mid_title1.style.borderBottomColor='white';
					mid_title2.style.color=mid_title2.style.borderBottomColor='white';
			 	}
			 	flag++;
			 }
			 function on(){
			 	var on=document.getElementById("change-on");
			 	on.style.display='none';
			 	var off=document.getElementById("change-off");
			 	off.style.display='block';
				
				alert("打开轮播模式");
			 	var img1=document.getElementById("img1");
			 	img1.style.animation='LunBo1 20s linear infinite';
			 	var img2=document.getElementById("img2");
			 	img2.style.animation='LunBo2 20s linear infinite';
			 	var img3=document.getElementById("img3");
			 	img3.style.animation='LunBo3 20s linear infinite';
			 	var img4=document.getElementById("img4");
			 	img4.style.animation='LunBo4 20s linear infinite';
			 	var img5=document.getElementById("img5");
			 	img5.style.animation='LunBo5 20s linear infinite';
			 	var img6=document.getElementById("img6");
				img6.style.animation='LunBo6 20s linear infinite';
			 }
			 function off(){
			 	var on=document.getElementById("change-on");
			 	on.style.display='block';
			 	var off=document.getElementById("change-off");
			 	off.style.display='none';
			 	var img1=document.getElementById("img1");
			 	img1.style.animation='none';
				var img2=document.getElementById("img2");
			 	img2.style.animation='none';
				var img3=document.getElementById("img3");
				img3.style.animation='none';
				var img4=document.getElementById("img4");
				img4.style.animation='none';
				var img5=document.getElementById("img5");
				img5.style.animation='none';
				var img6=document.getElementById("img6");
				img6.style.animation='none';
			 }